.banner {
  width: 100%;
  height: 7rem;
  .banner-preivew {
    width: 100%;
    height: 100%;
  }
}
.thumb-box {
  box-sizing: border-box;
  width: 100%;
  height: 3.6rem;
  padding: 0  1.35rem;
  .thumb-ul {
    box-sizing: border-box;
    padding: 0.2rem 1.05rem 0;
    .thumb-li {
      box-sizing: border-box;
      text-align: center;
      padding-bottom: 0.1rem;
      img {
        display: inline-block;
        vertical-align: middle;
        width: 1.6rem;
        height: 1.6rem;
      }
      .name {
        display: inline-block;
        font-size: .14rem;
        position: relative;
        &::before {
          display: none;
          content: '';
          width: 0.2rem;
          height: 2px;
          position: absolute;
          left: calc(50% - 0.1rem);
          bottom: -4px;
          background: #DB0032;
        }
      }
      &:hover {
        // box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        .name {
          color: #DB0032;
          &::before  {
            display: block;
          }
        }
      }
      &.active {
        // box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        .name {
          color: #DB0032;
          &::before  {
            display: block;
          }
        }
      }
    }
  }
  .prod-info-box {
    box-sizing: border-box;
    margin-top: .24rem;
    padding-top: .1rem;
    border-top: 1px solid #F0F0F0;
    .name {
      font-size: .18rem;
      font-weight: 400;
      padding-bottom: 0.12rem;
    }
    .desc {
      font-size: .16rem;
      color: #666666;
      line-height: .22rem;
    }
  }
}


// .banner {
//   width: 100%;
//   height: 700px;
//   .banner-preivew {
//     width: 100%;
//     height: 100%;
//   }
// }
// .thumb-box {
//   box-sizing: border-box;
//   width: 100%;
//   height: 360px;
//   padding: 0  135px;
//   .thumb-ul {
//     box-sizing: border-box;
//     padding: 20px 105px 0;
//     .thumb-li {
//       box-sizing: border-box;
//       text-align: center;
//       padding-bottom: 10px;
//       img {
//         display: inline-block;
//         vertical-align: middle;
//         width: 160px;
//         height: 160px;
//       }
//       .name {
//         display: inline-block;
//         font-size: 14px;
//         position: relative;
//         &::before {
//           display: none;
//           content: '';
//           width: 20px;
//           height: 2px;
//           position: absolute;
//           left: calc(50% - 10px);
//           bottom: -4px;
//           background: #DB0032;
//         }
//       }
//       &:hover {
//         box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
//         .name {
//           color: #DB0032;
//           &::before  {
//             display: block;
//           }
//         }
//       }
//     }
//   }
//   .prod-info-box {
//     box-sizing: border-box;
//     margin-top: 24px;
//     padding-top: 10px;
//     border-top: 1px solid #F0F0F0;
//     .name {
//       font-size: 18px;
//       font-weight: 400;
//       padding-bottom: 12px;
//     }
//     .desc {
//       font-size: 16px;
//       color: #666666;
//       line-height: 22px;
//     }
//   }
// }